<!DOCTYPE html>
<html>
<head>
  <title></title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<div class="container-fluid p-5 bg-primary text-white text-center">
  <h1>lose-net-stack</h1>
  <p>lose-net-stack 是一个使用 rust 编写的网络协议栈。</p> 
</div>
  
<div class="container mt-5">
  <div class="row">
    <div class="col-sm-4">
      <h3>Rust</h3>
      <p>Rust</p>
      <p>Rust是一门系统编程语言，专注于安全，尤其是并发安全，支持函数式和命令式以及泛型等编程范式的多范式语言</p>
    </div>
    <div class="col-sm-4">
      <h3>网络协议栈</h3>
      <p>net stack</p>
      <p>协议栈，又称协议堆叠，是计算机网络协议套件的一个具体的软件实现。协议套件中的一个协议通常是只为一个目的而设计的，这样可以使得设计更容易。</p>
    </div>
    <div class="col-sm-4">
      <h3>仓库地址</h3>        
      <p>repo url</p>
      <p>https://github.com/yfblock/lose-net-stack</p>
    </div>
  </div>
</div>

<div class="container p-5 text-black text-center d-grid col-sm-4">
  <p>点击下列按钮即可关闭服务器。</p>
  <button type="button" class="btn btn-warning btn-block p-3" onclick="close_server()">关闭 server</button>
</div>
<script>
  function close_server() {
    location.href = "/close";
  }
</script>
</body>
</html>